<template>
	<view class="content">
		<!-- 遮罩层 -->
		<view class="unify-mask-layer" :style="{'z-index': zIndex}"></view>
		
		<!-- 写入内容 -->
		<view class="matter-window unify-fixed unify-background-color uni-from-the-bottom" :style="{'width': width, 'height': height, 'z-index': zIndex, 'border-top-left-radius': borderRadius, 'border-top-right-radius': borderRadius, 'top': isCenter? 0: ''}">
			<slot name="show"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			zIndex: { // 设置层级
				type: Number,
				default: 998
			},
			width: { // 设置宽度
				type: String,
				default: '100%'
			},
			height: { // 设置高度
				type: String,
				default: '200px'
			},
			borderRadius: { // 设置圆角
				type: String,
				default: '10px'
			},
			isCenter: { // 是否垂直居中
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style lang="scss" scoped>
	// 写入内容
	.matter-window {
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
</style>